*{ padding:0; margin:0;}
body{margin:0;padding:0;text-align:left;font-size:12px;font-family:Arial;color:#333;}
div,p,dl,dt,dd,ul,li,h1,h2,h3,h4,form,input,select,button,textarea,th,td,img{padding:0;margin:0;border:0;}
ul{list-style:none;}
a:link,a:visited,a:active{color:#333;text-decoration:none;}
a:hover{color:#0096E0;text-decoration:none; transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
a{transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
h1,h2,h3,h4{font-size:14px;}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.bg{ background:#F6F6F6;}
.p10{ padding:10px 0;}
.p20{padding:20px 0}
.p30{padding:30px 0}
.p50{padding:50px 0}
.w100{ width:100%; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.ov{ overflow:hidden;}


header{ height:150px; background:#fff; position:fixed; z-index:9999; top:0;}
.head{ height:100px; position:relative;}
.logo { width:600px; font:26px/100px "微软雅黑"; color:#333;}
.logo img{ float:left;}
.call,.mail{ min-width:250px; font:16px/100px "Arial"; color:#333; padding-left:30px; padding-right:10px; box-sizing:border-box;}
.call{ background:url(../images/call.png) left center no-repeat;}
.mail{ background:url(../images/mail.png) left center no-repeat;}
.lan{ position:absolute; right:0; top:0; width:100px; height:30px; color:#fff; text-align:center; background:#0096E0;}
.lan a{ color:#fff; font:14px/30px "Arial";}
/*导航 下拉菜单*/
.menu{ height:50px;background:#0096E0; }
.menu ul{ height:50px; }
.menu li{height:50px;float:left;position:relative;}
.menu li .bt{ width:135px; text-align:center; font:16px/50px "微软雅黑"; color:#fff;  display:block;}
.menu li strong{ width:14px; height:14px; background:url(../images/ico1.png) top center no-repeat; position:absolute; top:19px; right:20px;}
.menu span{ min-width:200px;line-height:45px; left:0;top:50px;position:absolute; background:#fff; border:1px solid #ccc; display:none;z-index:9999;}
.menu span a{display:block; color:#666; font:14px/45px "微软雅黑"; border-bottom:1px dashed #ddd; padding:0 10px;}
.menu span a:hover{background:#0096E0; color:#fff;}
.menu li.on .bt{background:#0070B8;}
.menu a:hover{color:#fff;text-decoration:none;}

.menu dd{ float:right; width:230px; padding-top:5px;}
.menu dd input{ float:left; width:180px; background:#fff; font:14px/40px "微软雅黑"; padding-left:5px; box-sizing:border-box;}
.menu dd button{ float:right; width:50px; height:40px; background:url(../images/ico2.png) center center no-repeat #fff;}

/*全屏幻灯*/
.banner{width:100%;height:600px; position:relative;overflow:hidden; margin-top:150px;}
.banner .bd{width:100%!important;height:600px;float:left;}
.banner .bd li{width:100% !important;height:600px;float:left;background-position:center;}
.banner .bd li a{width:100%;height:600px;float:left; text-align:center}
.banner .bd li a img{ height:100%;}
.banner .hd{width:100%;height:11px; left:0;bottom:10px;position:absolute;z-index:9999;text-align:center;}
.banner .hd li{width:11px;height:11px ; border-radius:6px; margin:0 5px; display:inline-block;*display:inline;zoom:1;overflow:hidden;line-height:9999px;background:#666;}
.banner .hd li.on{background:#000;}


.why{ text-align:center; padding-bottom:100px;}
.title{}
.title p{ width:100%; font:34px/50px "Arial"; font-weight:bold}
.title font{ width:160px; display:inline-block; height:7px; margin:20px 0; background:#0096E0;}
.title span{ width:100%; display:block; font:16px/35px "Arial"; color:#333;}
.why ul{ margin-top:100px; display:inline-block}
.why ul li{ float:left; width:280px; border:1px solid #0096E0; height:265px; padding:100px 30px 0 30px; box-sizing:border-box; position:relative;}
.why ul li:nth-of-type(2),.why ul li:nth-of-type(3),.why ul li:nth-of-type(4){ margin-left:26px;}
.why ul li .img{ width:110px; height:110px; border-radius:55px; position:absolute; left:85px; top:-55px; background:#0096E0; display: flex;  justify-content: center;  align-items: center;}
.why ul li .img img{ width:60%;}
.why ul li font{font:24px/40px "Arial"; font-weight:bold;}
.why ul li p{font:16px/25px "Arial";}


.product { display:inline-block;}
.product ul{ padding:50px 0; width:1226px; margin-left:-13px;}
.product ul li{ float:left; width:280px; margin-bottom:20px; margin-right:26px; }
.product ul li img{ max-height:185px; transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
.product ul li:hover a img{transform:scale(1.1) rotate(0deg); -webkit-transform:scale(1.1) rotate(0deg); -moz-transform:scale(1.1) rotate(0deg); -o-transform:scale(1.1) rotate(0deg); transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
.product ul li>a{ border:1px solid #ccc; float:left; width:100%; background:#fff;  overflow:hidden;}
.product ul li p{ padding:10px 0; float:left; width:100%;}
.product ul li p a{ font:16px/30px "Arial"; display:block;}


.video{ overflow:hidden;}
.video ul li{ float:left; width:290px; height:180px; margin-right:12px;}
.video ul li:nth-of-type(4n){ margin-right:0;}

.news ul{ overflow:hidden;}
.news ul li{ float:left; width:285px;  margin:15px 15px 10px 0; cursor:pointer;}
.news ul li a{ display:block;  color:#333; height:245px; background:#fafafa; text-align:left;  box-sizing:border-box;}
.news ul li a img{ width:100%; height:130px;}
.news ul li a h2{ font:16px/30px "微软雅黑"; border-bottom:1px dashed #ccc; padding:0 10px 7px;}
.news ul li a p{ font:13px/23px "微软雅黑"; color:#aaa; margin-top:10px; padding:0 10px;}
.news ul li a:hover{ box-shadow:0 8px 10px 0 #ddd; }


.newlist{ width:100%;}
.newlist ul{ overflow:hidden;}
.newlist li{  width:100%; height:120px; margin-bottom:30px; overflow:hidden;}
.newlist li>a{ float:left; width:230px; text-align:center; border:1px solid #eee; box-sizing:border-box; overflow:hidden;}
.newlist li img{ max-width:100%; display:block;}
.newlist li .new_txt{ width:650px; }
.newlist li .new_txt>a{ display:block; font:16px/30px "微软雅黑"; margin-bottom:10px;}
.newlist li .new_txt p{ font:13px/23px "微软雅黑";}
.newlist li .new_txt p a{ color:#aaa;}

.about{ height:500px; background:#0096E0; overflow:hidden; color:#fff;}
.about>img{ float:left; width:50%;}
.about .about_txt{width:50%; padding:70px 80px 0 80px; box-sizing:border-box;}
.about .about_txt font{ float:left;font:34px/70px "Arial"; font-weight:bold; border-bottom:6px solid #fff;}
.about .about_txt .about_info{ width:100%; font:14px/25px "Arial"; padding-top:30px; margin-bottom:30px;}
.about .about_txt>a{ float:left; color:#fff; font:14px/25px "Arial";}
.about .about_txt>a:hover{ color:#0070B8;}

.factory{overflow:hidden;}
.factory ul li{float:left; width:280px; height:170px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; text-align:center; margin-right:20px; margin-bottom:20px;}
.factory ul li img{ max-height:100%;}

.certificate{ height:460px; background:url(../images/bg1.jpg) top center no-repeat; box-sizing:border-box;}
/*图片滚动*/
.cert{ height:190px; margin-top:30px; overflow:hidden;}
.cert .bd{width:100%; height:190px;float:left;}
.cert .bd ul{width:100%; height:190px;float:left;}
.cert .bd li{width:280px;height:190px;float:left;margin-left:14px;display:inline;}
.cert .bd li img{width:280px;height:190px;}


.exh{ padding-bottom:60px; overflow:hidden;}
.exh ul li{ width:280px; height:170px; float:left; text-align:center; vertical-align:middle; display: table-cell; border:1px solid #ddd; box-sizing:border-box; margin:10px 20px 20px 0;}
.exh ul li img{ max-width:100%; height:100%;}


.install{overflow:hidden;}
.install ul li{ width:280px; float:left;  margin:10px 20px 10px 0;}
.install ul li img{ width:100%;}

.message{ overflow:hidden; padding-bottom:100px;}
.mes_l{ width:420px;}
.mes_l p{ font:30px/50px "SegoeUI"; text-align:center; margin-bottom:50px;}
.mes_l input{ width:100%; float:left; border:1px solid #ccc;font:14px/45px "Arial"; padding:0 5px; box-sizing:border-box; margin-bottom:10px;transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
.mes_l textarea{ width:100%; float:left; border:1px solid #ccc;font:14px/30px "Arial"; padding:0 5px; box-sizing:border-box; margin-bottom:10px;}
.mes_l input.code{ width:30%;}
.mes_l img{ margin-top:18px; margin-left:5px;}
.mes_l button{width:100%; height:45px; float:left; border:1px solid #0096E0; background:#0096E0; color:#fff; font:18px/45px "Arial"; text-align:center; box-sizing:border-box;}
.mes_r{ width:700px; height:374px; margin-top:100px;}
.mes_r iframe{ border:none;}



footer{ background:#EFEFEF; overflow:hidden;}
footer ul{ overflow:hidden;}
footer ul li{ float:left; min-width:210px; padding-right:10px;}
footer ul li img{ float:left; width:65px; height:65px; margin-right:5px;}
footer ul li a{ float:left;}
footer ul li a strong{ font-size:16px; line-height:35px;}
footer ul li a p{ font:16px/25px "Arial";}
.foot{ border-top:1px solid #ccc; padding:30px 0 0 0; font:14px/25px "Arial"; text-align:center; margin-top:50px;}



.about_ban{ height:250px; margin-top:150px; text-align:center; background:url(../images/banner1.jpg) top center no-repeat; overflow:hidden;}
.about_ban p{font:36px/250px "SegoeUI"; font-weight:bold; color:#0096E0;}
.position{font:16px/50px "Arial"; border-bottom:1px solid #dedede; margin-bottom:30px;}
.position .w1200{ padding-left:30px; background:url(../images/home.png) left center no-repeat;}

.left{ width:235px; background:#fff; margin-bottom:50px;}
.left .title{ font:36px/75px "Arial"; background:#0096E0; color:#fff; text-align:center; position:relative;}
.left .title span{ position:absolute; left:50px; bottom:-10px; width:20px; height:10px; background:url(../images/san.png) top center no-repeat;}
.left ul{ background:#fff; margin-top:40px;}
.left ul li{font:14px/45px "Arial"; border-bottom:1px dashed #ccc;}
.left ul li a{ display:block; color:#333;  padding:0 10px; box-sizing:border-box;}
.left ul li a.hover,.left ul li a:hover{background:#0096E0; color:#fff;}


.right{ width:940px; background:#fff; padding:30px 20px; box-sizing:border-box;margin-bottom:50px;}
.right .tit{font:30px/75px "Arial"; text-align:center;}
.ab_info{ line-height:30px;}
.ab_info img{ max-width:100%;}

.pro{}
.pro ul{ overflow:hidden;}
.pro ul li{ float:left; width:275px; text-align:center; margin-left:15px; margin-bottom:15px;}
.pro ul li>a{ width:100%; height:180px; display:block; text-align:center; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.pro ul li img{ max-height:100%;display:inline-block; transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
.pro ul li:hover img{transform:scale(1.1) rotate(0deg); -webkit-transform:scale(1.1) rotate(0deg); -moz-transform:scale(1.1) rotate(0deg); -o-transform:scale(1.1) rotate(0deg); transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in;}
.pro ul li p{ margin-top:10px; border-top:4px solid #0096E0; }
.pro ul li p a{ display:block; font:15px/20px "Arial"; padding:10px 0;}


.page span:nth-child(2),.page span:nth-child(3),.page a:nth-child(3){ padding:0 10px;}
.page span,.page a{font:15px/35px "Arial"; min-width:30px; text-align:center; margin:0 3px; display:inline-block; border:1px solid #ccc;}
.page a:hover{ background:#0096E0; color:#fff; border:1px solid #0096E0;}
.page span font{ background:#0096E0;border:1px solid #0096E0;  color:#fff; display:block;}
.page span:first-child,.page select{ display:none;}

.pro_tit{ border-bottom:1px dashed #ccc; margin-bottom:20px;}
.pro_info{ padding:20px 0;}
.pro_info table td,.pro_info table{ border:1px solid #aaa !important; border-collapse:collapse;}
.met_page{ border-top:4px solid #0096E0; padding-top:20px; }
.met_page p{ float:left; width:100%; font:15px/30px "Arial";}

.mess{ width:100%; margin-top:30px;}
.mess input:hover,.mess textarea:hover{border:1px solid #0096E0;transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in;}

.videolist{  margin-bottom:50px; background:#fff; padding:30px 10px;}
.videolist ul{ overflow:hidden;}
.videolist ul li{ float:left; width:370px; border:1px solid #eee; margin:10px; }

.videoinfo{background:#fff; padding:20px; margin-bottom:50px; text-align:center;}
.videoinfo video{ max-width:100%;}

.albuminfo,.album{ background:#fff; padding:20px 10px; margin-bottom:50px; text-align:center;}
.album ul{ overflow:hidden;}
.album ul li{ float:left; width:275px;  border:1px solid #eee; margin:10px; text-align:center; overflow:hidden; box-sizing:border-box;}
.album ul li img{ max-height:200px; }
.album ul li p{font:15px/45px "Arial";}

.albuminfo h1{ font:30px/50px "Arial";border-bottom:1px dashed #eee; margin-bottom:20px;}
.albuminfo img{ max-width:100%;}

.cont{ padding:30px;background:#fff; overflow:hidden; margin-bottom:50px;}
.cont h2{ text-align:center;font:30px/50px "Arial";}
.cont .cont_l,.cont .cont_r{ width:560px; height:300px; padding:20px; box-sizing:border-box; box-shadow:0px 0px 4px 0px rgb(204, 204, 204); font:18px/40px "Arial";}
.cont span{ display:block; width:100%; height:25px; text-align:center; margin:30px 0 50px 0;}